@import "base";
body{
    width:100%;
    height: 100%;
}
#top-con{
    width:100%;
    height:30px;
    background: #f2f2f2;
    .top{
        width:1042px;
        height:30px;
        margin: 0 auto;
        .top-left{
            height:30px;
            line-height: 30px;
            float: left;
            li{
                height:30px;
                float:left;
                padding: 0 6px 0 0;
                img{
                    float:left;
                    padding:4px 4px 0 24px;
                    display: inline-block;
                }
                 span{
                    margin: 0 14px;
                }
            }
        }
        .top-right{
            height:30px;
            line-height: 30px;
            float:right;
            padding: 0 80px 0 0;
            li{
                float:left;
                padding: 0 0 0 20px;
                position: relative;
                a{
                    img{
                        display: inline-block;
                        padding-top:6px;
                    }
                }
            }
            li:nth-child(3){
                //position: absolute;
                .pop_up{
                    width:110px;
                    height:120px;
                    box-shadow: 0 2px 4px #999;
                    background: #fff;
                    position: absolute;
                    display: none;
                    top:30px;
                    left:0;
                    .pop_up_app{
                        width:100%;                        
                        img{
                            display: block;
                            width:80px;
                            height:80px;
                            margin: 0px auto;
                            vertical-align: middle;
                        }
                        p{
                            line-height: 30px;
                            text-align: center;
                        }
                    }
                }
                a:hover{

                    color: red;
                }               
            }
        }
        
    }
    
}
#header-con{
    width: 100%;
    height: 90px;
    .header{
        width:1042px;
        height:90px;
        margin: 0 auto;
    }
    h1{
        width:384px;
        height:90px;
        float: left;
        span{
            display: block;
            height: 90px;
            background: url(../images/index/base_z.png) -838px -300px no-repeat;
        }
    }
    span{
        display: block;
        height:90px;
        background: url(../images/index/base_z.png) -669px -80px no-repeat;
    }
}
#nav-con{
    width:100%;
    height:42px;
    background: #000000;
    position: absolute;
    .nav{
        width:1042px;
        height:42px;
        margin: 0 auto;
        ul{
            float: left;
            height:42px;
            line-height: 42px;
            li{
                float: left;
                a{
                    display: inline;
                    color: #FFFFFF;
                    padding: 0 25px;
                }
                a:hover{
                    color:red;
                }
            }
            li:nth-child(1){
                a{
                    padding-left: 20px; 
                    color:red;
                }              
            }
            li:nth-child(7){ 
                position: relative;              
                .crossIcon{
                    width: 32px;
                    height: 18px;
                    background: url(../images/index/silo-icon.png) no-repeat;
                    position: absolute;
                    top:0px;
                    right:0px;
                    z-index: 2;
                }
            }
        }
        .shopping_bag{
            float:right;
            height:42px;
            cursor:pointer;
            color:#fff;          
            ul{
                text-align:center;
                li{
                    color:#fff;
                    float:left;
                    margin-left:15px;
                    font-size:14px;
                    height:42px;
                    line-height:42px; 
                }
                .shoppingbox{
                    color:#a8a8a8;
                    font-size:12px;
                    width:23px;                    
                    line-height:45px;
                    background: url(../images/index/base_z.png) -1017px -220px no-repeat;
                }
                li:nth-child(3){
                    padding-right: 34px;
                }
            }
        }
    }   
}

#information{
    width:1000px;
    height:256px;
    margin: 0 auto;
    .addr{
        width:100%;
        height:56px;
        border-bottom:1px solid #e7e7e7;
        span{
            line-height: 56px;
        }
        span:nth-child(odd){
            color: #999;
        }
        span:nth-child(even){
            padding:0 5px;
        }
        span:nth-child(5){
            color:#000000;
        }
        .countDown{
            float: right;
            width:190px;
            height: 100%;
            background: url(../images/list/icon_countdown.gif) left center no-repeat;
            span:nth-child(1){
                color: #000000;
                line-height: 56px;
                font-weight: 600;
                padding: 0 6px 0 24px;
            }
            span:nth-child(2){
                color: #999;
            }
        }
    }
    .them{
        width:100%;
        height: 60px;
        line-height: 60px;
        span{
            font-size: 20px;
            color: #000000;
            font-weight: 600;
        }
        span:nth-child(2){
            padding: 0 23px;
        }
        span:nth-child(3){
            color:red;
            font-size: 12px;
            b{
                font-size: 18px;
            }
        }
    }
    .msg{
        width:995px;
        height:60px;
        border-right:5px solid #f0f0f0 ;
        border-bottom:5px solid #f0f0f0 ;
        position: relative;
        background: url(../images/list/icon_gift.gif) 5px 10px no-repeat;
        p{ 
            width:1000px;
            height: 65px;
            border: 1px solid #e7e7e7;
            position: absolute;
            top:-5px;
            left:-5px;
            z-index: 5;         
            span{
                display: block;
                 color: #000000;
                 padding: 13px 0 0 40px;
            }
        }
    }
    .kinds{
        width:980px;
        height: 32px;
        border: 1px solid #e7e7e7;
        margin: 20px auto;
        padding:20px 0 0 20px;
        .hint{
            width:75px;
            height:100%;
            float: left;
        }
        .detail{
            float:right;
            width:905px;
            height:100%;
            ul{
                width:100%;
                height:100%;
                li{
                    width:165px;
                    height:100%;
                    float:left;
                     span:nth-child(odd){
                         display: inline-block;
                         width:19px;
                         height:24px;
                         background: url(../images/list/filter_check.gif) 0 -6px no-repeat;
                     }
                     span:nth-child(even){
                         line-height: 32px;
                     }
                }
               
            }
        }        
    }
}
.list{
    width: 1000px;
    height:30px;
    margin: 20px auto 0; 
    .sort{
        width:100px;
        height:100%;
        float: left;
        background: #A7A7A7;
        text-align: center;
        span{
            line-height: 30px;           
        }
    }
    .price{
        float:left;
        width:100px;
        height: 30px;
        padding-left: 10px;
        background: url(../images/list/sorter_bg.gif) 12px 0px no-repeat;
        span{
            display: block;
            width:100%;
            height: 100%;
            line-height: 30px;
            margin-left: 30px;
        }
    }
    .listRight{
        width:185px;
        height:30px;
        float: right;
        line-height: 30px;
        span{
            line-height: 30px;
            margin-left: 10px;
        }
        p{
            float: right;
            width:28px;
            height:28px;
            border:1px solid #E7E7E7;
            margin-left: 5px;
        }
        .p1{
            background: url(../images/list/pager.gif) 0 -40px no-repeat;
        }
        .p2{
            background: url(../images/list/pager.gif) 0 0px no-repeat;
        }
    }
}
#product{
    width:1000px;
    height:auto;
    margin:20px auto 0;
    padding-left: 10px;
    #box{
        width:235px;
        height:370px;
        float:left;
        margin: 0 15px 48px 0;
    }
    #divImg{
        width:235px;
        height:313px;
        img{
            width:100%;
            height:100%;
        }
    }
    #discount{
        font-size: 14px;
        color: red;
    }
    #price{
        font-size: 12px;
        color: #000000;
    }
        
}
